<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>商品列表（注册用户）</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}"/>
</head>

<style type="text/css">
	.table {
		font-size: 10px;
	}

	.table .table_header {
		font-size: 11px;
	}
</style>

<body>
<div id="wrap">
	<div id="top_content">
		<div id="header">
			<div id="rightheader">
				<p>
					[[${#dates.format(new java.util.Date().getTime(), 'yyyy-MM-dd')}]]
					<br />
				</p>
			</div>
			<div id="topheader">
				<h1 id="title">
					<a href="#">影像制品租凭管理系统</a>
				</h1>
			</div>
			<div id="navigation">
				<ul>
					<li>
						<a style="color: red" href="/ims/product/findAll?type=user">预约影像制品</a>
					</li>
					<li>
						<a th:href="@{/user/findUser(id=${session.user.id})}">个人信息</a>
					</li>
					<li>
						<a href="/ims/index">退出登陆</a>
					</li>
				</ul>
			</div>
		</div>
		<div id="content">
			<p id="whereami"></p>
			<h1>
				当前用户为注册账户： <span style="color: orange" th:text="${session.user.username}"/>!
			</h1>
			<table class="table">
				<tr class="table_header">
					<td>
						产品编号
					</td>
					<td>
						影像名称
					</td>
					<td>
						影像类型
					</td>
					<td>
						制品类型
					</td>
					<td>
						租凭状态
					</td>
<!--					<td>-->
<!--						预约时间-->
<!--					</td>-->
<!--					<td>-->
<!--						借出时间-->
<!--					</td>-->
<!--					<td>-->
<!--						归还时间-->
<!--					</td>-->
<!--					<td>-->
<!--						借给用户-->
<!--					</td>-->
					<td>
						操作
					</td>
				</tr>

				<tr th:hidden="${product.canRent} eq '0' ? true : false" class='row1' th:each="product,productStat : ${products}">
					<td>
						<span th:text="${product.id}"/>
					</td>
					<td>
						<!--影像名称-->
						<span th:text="${product.pName}"/>
					</td>
					<td>
						<!--影像类型-->
						<span th:text="${product.pClassify}"/>
					</td>
					<td>
						<!--制品类型-->
						<span th:text="${product.pType}"/>
					</td>
					<td>
						<!--租凭状态-->
						<span th:text="${product.rentType} eq '1' ? '可预约' : '外借'"/>
					</td>
<!--					<td>-->
<!--						&lt;!&ndash;预约时间&ndash;&gt;-->
<!--						<span th:text="${product.orderTime} == null ? '无' : ${#dates.format(product.orderTime, 'yyyy-MM-dd')}"/>-->
<!--					</td>-->
<!--					<td>-->
<!--						&lt;!&ndash;借出时间&ndash;&gt;-->
<!--						<span th:text="${product.beginTime} == null ? '无' : ${#dates.format(product.beginTime, 'yyyy-MM-dd')}"/>-->
<!--					</td>-->
<!--					<td>-->
<!--						&lt;!&ndash;归还时间&ndash;&gt;-->
<!--						<span th:text="${product.endTime} == null ? '无' : ${#dates.format(product.endTime, 'yyyy-MM-dd')}"/>-->
<!--					</td>-->
<!--					<td>-->
<!--						&lt;!&ndash;借给用户&ndash;&gt;-->
<!--						<span th:text="${product.userid} == null ? '无' : ${product.userid}"/>-->
<!--					</td>-->
					<td>
						<a th:hidden="${product.rentType} eq '0' ? true : false" th:href="@{/product/toOrder(id=${product.id})}">预约</a>
						<span th:hidden="${product.rentType} eq '1' ? true : false">已被预约</span>
<!--						<a th:href="@{/product/delete(id=${product.id})}">还书</a>-->
					</td>
				</tr>
			</table>

		</div>
	</div>
	<div id="footer">
		<div id="footer_bg">
			copyright@2021
		</div>
	</div>
</div>
</body>
</html>
